<template>
	<!-- 内容 -->
	<div class="page-wrapper">
			<router-view></router-view>
	</div>

	<!-- tabbbar -->
  <Tabbar :tabberList="tabberNameList" :activeColor="activeColor" :inactiveColor="inactiveColor" ref="tabBarRef"></Tabbar>
</template>
<script setup lang="ts">
import Tabbar from "@comp/tabber/index.vue";
import { useStore} from 'vuex'
const store = useStore()
const tabberNameList = store.state.index.tabberNameList
const activeColor ="#3CB677"
const inactiveColor = "#333333"
</script>
<style>
.page-wrapper{
	margin-bottom: 50px;
	width: 100%;
	height: 100%;
	display: inline-block;
	
}
</style>
